<template>
  <div class="container">
    <table>
      <thead>
      <tr>
        <th class="enterprise-name">企业名称</th>
        <th>高于固定值人数(人)</th>
        <th>最高薪酬(万元)</th>
        <th>最高薪酬人员</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>中致股份</td>
        <td>3</td>
        <td>220</td>
        <td>张丽</td>
      </tr>
      <tr>
        <td>中致北京</td>
        <td>2</td>
        <td>215</td>
        <td>王强</td>
      </tr>
      <tr>
        <td>中致天津</td>
        <td>1</td>
        <td>205</td>
        <td>李晓鹏</td>
      </tr>
      <tr>
        <td>中致上海</td>
        <td>2</td>
        <td>211</td>
        <td>刘玉</td>
      </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup>

</script>

<style scoped>
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

th, td {
  text-align: left;
  padding: 8px;
  font-family: 'PingFang', serif;
  font-size: 11px;
  font-weight: bold;
}

th {
  background: #F5F7FF;
  border-radius: 4px;
}

tr {
  font-family: 'PingFang', serif;
}

.enterprise-name {
  width: 25%;
}
</style>